// 主题颜色
$color-theme: #3370ff;
$color-theme-regular: fade-out($color-theme, 0.1);
$color-theme-secondary: fade-out($color-theme, 0.2);
$color-theme-three: fade-out($color-theme, 0.3);
$color-theme-four: fade-out($color-theme, 0.4);
$color-theme-five: fade-out($color-theme, 0.5);
$color-theme-nine: fade-out($color-theme, 0.9);

//文字颜色
$color-text-theme: #1e1e1e; //页面文字的主色
$color-text-regular: #606266; //次级文字
$color-text-secondary: #909399; //二级颜色
$color-text-h1: #333;
$color-text-slide: #fff; //侧边栏文字背景
$color-text-placeholder: #c0c4cc; //表单placeholder颜色

//边框颜色
$color-border-theme: #eee;
$color-border-regular: #dcdfe6;
$color-border-secondary: #aeaeae;

//背景颜色
$color-bg-theme: #0c1f2b; //页面背景
$color-bg-slide: #001529; //侧边栏背景
$color-bg-header: #fff; //头部栏背景
$color-bg-card: #fff; //卡片
$color-bg-invert: $color-theme-nine; //主题色的互补色，一般用于主题色做文字颜色但需要一个背景色时可以使用这个

//卡片阴影
@mixin box-shabow {
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

//提示类颜色
$color-success: #67c23a;
$color-warn: #e6a23c;
$color-err: #fa675c;
$color-info: #7c7c7c;

//禁用
$color-disabled: #e0e0e0;

//圆角
$border-radius: 6px;

//通用边距
$margin-page: 100px;
$margin: 10px;
$padding: 10px;

// 左侧数据区宽度
$left-width: 220px;
// 左侧数据区宽度(收缩)
$fold-left-width: 54px;
// 头部高度
$top-height: 64px;

:export {
	colorTheme: $color-theme;
}
